<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ page language="java" contentType="text/html;UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="s" uri="/struts-tags" %>

    
<html>
<head>
    <link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/estilos.css" />
    <link rel="stylesheet" type="text/css" href="/Fonafe-Bienes/css/custom-theme/jquery-ui-1.8.17.custom.css" />
    <script src="/Fonafe-Bienes/js/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script src="/Fonafe-Bienes/js/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsvalidaciones.js"></script>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <script type="text/javascript" src="/Fonafe-Bienes/js/jquery.min.js"></script>
    <script src="/Fonafe-Bienes/js/jquery.colorbox.js" type="text/javascript"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jsindex.js"></script>
    <script type="text/javascript" src="/Fonafe-Bienes/js/jscorreo.js"></script>
    <link href="/Fonafe-Bienes/css/default.css" type="text/css" rel="stylesheet" />
    <link href="/Fonafe-Bienes/css/colorbox.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript">
        $(document).ready(function(){
            $(".mapa_1").colorbox({rel:'mapa_1'});
            $(".group").colorbox({rel:'group', slideshow:true});
        });
    </script>
</head>
    <body>
 <div id="header">  
         <jsp:include page="/base/header.jsp" flush="false"/>
         <jsp:include page="/base/menu.jsp" >
					<jsp:param name="parametro" value="mueble" />
		</jsp:include>
        </div>
  
        
 <div id="main">
    
        

    <script type="text/javascript">
       (function($) {
            $(document).ready(function(){
                agregar_item();
            });
        })(jQuery);

        $contador = 0;
        function agregar_item(){
            $contador++;
            var element = '<div id="00'+$contador+'">' +
                '<div id="divFile00'+$contador+'" style="width: 500px;"><input type="file" name="foto" id="imagen00'+$contador+'" >' +
                '&nbsp;&nbsp;&nbsp;<a href="#" style="text-decoration: none;" onclick="eliminar_item(\'00'+$contador+'\')" >Eliminar</a></div>' +
                '</div>';
            $('#contendor_galeria').append(element);
        }

        function eliminar_item(id){
            $('#'+id).remove();
        }
    </script>

     <div id="cuerpo">
      
        <div id="cuerpo_s">
            <fieldset>
                
                <s:url action="detalleMueble" id="detMueble">
                      <s:param name="idMueble" value="muebleBean.id_mueble"></s:param>
                </s:url>
                
                <s:a href="%{detMueble}" cssClass="botones_externos"> << Regresar </s:a>
                    <tr>
                        <td>
                             <div class="descripcion_inicial_detalle">
                             <span class="titulo_detalle"><s:property value="muebleBean.tipoContrato"/> de <s:property value="muebleBean.nom_tipoMueble"/> - <s:property value="muebleBean.nombre"/></span>
                             <span class="localidad_detalle"><s:property value="muebleBean.ubigeo"/></span>
                             <span class="direccion_detalle"><s:property value="muebleBean.direccion"/></span>
                             <span class="direccion_detalle">Empresa:&nbsp;<s:property value="muebleBean.empresa" escapeCsv="false"/></span>
                             </div>
                        </td>
                        <td align="right"></td>
                    </tr>
                    
                    <s:form id="form" name="formulario" action="registrarConsultaReclanoMueble" method="post" enctype="multipart/form-data">
                    <tr>
                        <td><input type="hidden" name="idMueble" value="<s:property value="muebleBean.id_mueble"/>" /></td>
                        <td align="left">
                            <label>DNI *</label>
                        </td>
                        <td>
                            <input id="Txtdni" maxlength="8" name="consulRecl.dni" type="text" size="40px" onkeypress="return $.soloNumeros(event);"/>
                            <div class="error_registro">
                                 <span></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td><label>Correo Electr&oacute;nico *</label></td>
                        <td>
                           <input id="Txtcorreo" name="consulRecl.correo" type="text" size="40px" />
                           <div class="error_registro">
                                 <span></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td><label>Nombre Completo *</label></td>
                        <td>
                            <input id="Txtnombre" name="consulRecl.nombreCompleto" type="text" size="40px" />
                            <div class="error_registro">
                                 <span></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td><label>Tel&eacute;fono *</label></td>
                        <td>
                            <input id="Txttelefono" name="consulRecl.telefono" type="text" size="40px" />
                            <div class="error_registro">
                                 <span></span>
                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td><label>Tipo *</label></td>
                        <td>
                            <select name="consulRecl.tipo">
                                <option value="Consulta">Consulta</option>
                                <option value="Reclamo">Reclamo</option>
                            </select> <br /> <br />
                        </td>
                    </tr>
                    <tr>
                        <td>&nbsp;</td>
                        <td><label>Texto ** : </label></td>
                        <td>
                            <textarea id="Txttexto" name="consulRecl.texto" rows="5" cols="40"></textarea><br /><br />
                        </td>
                    </tr>
                        <tr>
                        <td>&nbsp;</td>
                        <td><label>Adjuntar Archivo(s) : </label></td>
                        <td>
                            <div id="contendor_galeria">
                            </div>
                            <div id="IdAgregar" style="margin-left: 200px;"><a href="#" onclick="agregar_item()" style="text-decoration: underline;" >elegir m&aacute;s archivos</a></div>
                            <br />
                        </td>
                    </tr>
                        
                        <tr>
                          <td>&nbsp;</td>
                          <td>&nbsp;</td>
                          <td>
                              <span class="spaninformacion">* Campo Obligatorio</span>
                              <span class="spaninformacion">** Campo Opcional.</span>
                          </td>
                        </tr>
                    </table>
                    <br /> <br />
                    <div align="center">
                    <input type="submit" value=" Enviar " id="btnCR" class="buttonsubmit"/>
                    </div>
                </s:form>
            </fieldset>
        
      </div>
     <div class="clean_space"></div>
     </div>                   

   
    
  </div>
  <jsp:include page="/base/footer.jsp" flush="false" />
    </body>
</html>
